<!--
此文件为开发者工具生成，生成时间: 2024/4/25下午3:39:12
使用方法：
在 E:\uni-app项目\heima-shop\dist\dev\mp-weixin\pages\cart\cart.wxml 引入模板

```
<import src="cart.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 E:\uni-app项目\heima-shop\dist\dev\mp-weixin\pages\cart\cart.wxss 中引入样式
```
@import "./cart.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view is="pages/cart/component/CartMain">
      <scroll-view :scroll-y="true" class="scroll-view CartMain--scroll-view">
        <view class="cart-blank CartMain--cart-blank">
          <image class="image CartMain--image sk-image"></image>
          <text class="text CartMain--text sk-transparent sk-text-14-2857-645 sk-text"
            >购物车还是空的，快来挑选好货吧</text
          >
          <navigator hover-class="none" open-type="switchTab">
            <button
              class="button CartMain--button sk-transparent sk-button sk-pseudo sk-pseudo-circle"
            >
              去首页看看
            </button>
          </navigator>
        </view>
        <view class="toolbar CartMain--toolbar" style="padding-bottom: 34px">
          <text
            class="all CartMain--all sk-transparent sk-text-14-2857-368 sk-text sk-pseudo sk-pseudo-circle"
            >全选</text
          >
          <text class="text CartMain--text sk-transparent sk-text-14-2857-359 sk-text">合计:</text>
          <text
            class="amount CartMain--amount sk-transparent sk-text-14-2857-349 sk-text sk-pseudo sk-pseudo-circle"
            >0.00</text
          >
          <view class="button-grounp CartMain--button-grounp">
            <view
              class="button CartMain--button payment-button CartMain--payment-button disabled CartMain--disabled sk-transparent sk-text-31-9444-116 sk-text"
              style="background-position-x: 50%"
            >
              去结算(0)
            </view>
          </view>
        </view>
        <view is="components/XtxGuess" class="r CartMain--r">
          <view class="caption XtxGuess--caption">
            <text
              class="text XtxGuess--text sk-transparent sk-text-0-0000-302 sk-text sk-pseudo sk-pseudo-circle"
              >猜你喜欢</text
            >
          </view>
          <view class="guess XtxGuess--guess"></view>
          <view
            class="loading-text XtxGuess--loading-text sk-transparent sk-text-14-2857-951 sk-text"
            style="background-position-x: 50%"
            >正在加载...
          </view>
        </view>
        <view class="toolbar-height CartMain--toolbar-height"></view>
      </scroll-view>
    </view>
  </view>
</template>

<style>
/*
此文件为开发者工具生成，生成时间: 2024/4/25下午3:39:12

在 E:\uni-app项目\heima-shop\dist\dev\mp-weixin\pages\cart\cart.wxss 中引入样式
```
@import "./cart.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
  color: transparent !important;
}
.sk-text-14-2857-645 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.4rpx;
  position: relative !important;
}
.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}
.sk-text-14-2857-368 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.2rpx;
  position: relative !important;
}
.sk-text-14-2857-359 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.2rpx;
  position: relative !important;
}
.sk-text-14-2857-349 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 56rpx;
  position: relative !important;
}
.sk-text-31-9444-116 {
  background-image: linear-gradient(
    transparent 31.9444%,
    #eeeeee 0%,
    #eeeeee 68.0556%,
    transparent 0%
  ) !important;
  background-size: 100% 72rpx;
  position: relative !important;
}
.sk-text-0-0000-302 {
  background-image: linear-gradient(
    transparent 0%,
    #eeeeee 0%,
    #eeeeee 100%,
    transparent 0%
  ) !important;
  background-size: 100% 32rpx;
  position: relative !important;
}
.sk-text-14-2857-951 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.2rpx;
  position: relative !important;
}
.sk-button {
  color: #efefef !important;
  background: #efefef !important;
  border: none !important;
  box-shadow: none !important;
}
.sk-image {
  background: #efefef !important;
}
.sk-pseudo::before,
.sk-pseudo::after {
  background: #efefef !important;
  background-image: none !important;
  color: transparent !important;
  border-color: transparent !important;
}
.sk-pseudo-rect::before,
.sk-pseudo-rect::after {
  border-radius: 0 !important;
}
.sk-pseudo-circle::before,
.sk-pseudo-circle::after {
  border-radius: 50% !important;
}
.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}
</style>
